﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Index.Master" AutoEventWireup="true" CodeBehind="home_Details.aspx.cs" Inherits="Dryricenet.home_Details" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <link href="CSS/evaluation.css" rel="stylesheet" />
    <link href="CSS/home/detail.css" rel="stylesheet" />
    <link href="CSS/home/reset.css" rel="stylesheet" />
    <link href="CSS/home/index.css" rel="stylesheet" />
   
    <script src="JS/jquery-3.6.0.js"></script>
     <script>
         $(function () {
             $("div.productReviewDiv").hide();
             $("a.productDetailTopReviewLink").click(function () {
                 $("div.productReviewDiv").show();
                 $("div.productDetailDiv").hide();
             });
             $("a.productReviewTopPartSelectedLink").click(function () {
                 $("div.productReviewDiv").hide();
                 $("div.productDetailDiv").show();
             });
         })
</script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="cender">
         <asp:DataList ID="DataList1" runat="server" OnSelectedIndexChanged="DataList1_SelectedIndexChanged">
            <ItemTemplate>
                <div class="wrap">
                    <div class="product-intro">
                        <div class="preview-wrap">
                            <div class="main-img">
                                <asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("PicUrl") %>' Width="400" Height="400" />

                                <div class="zoom-pup"></div>
                                <div class="zoom-div">
                                    <asp:Image ID="Image2" runat="server" ImageUrl='<%#Eval("PicUrl") %>' />
                                </div>
                            </div>
                            <div class="spec-list">
                                <a href="javascript:;" class="prev"></a>
                                <a href="javascript:;" class="next"></a>
                            </div>

                        </div>
                        <div class="itemInfo-wrap">
                            <div class="blank">
                                <h3 class="hui"><%#Eval("FoodName") %></h3>
                                <hr />
                                <p>原价：<span class="p_yuan">￥<%#Eval("Price") %>元</span></p>
                                <p>价格：<span class="p_xian">￥<%# Eval("Price") %>元</span></p>
                                <p>出售单位：一<span class="p_tyle"><%# Eval("Fen") %></span></p>
                                <p>食品类别：<span class="p_tyle"><%# Eval("FoodTypeName") %></span></p>
                                <p>销售量：<%# Eval("SalesVolume") %></p>
                                <p>库存：<%# Eval("Inventory") %></p>
                                <p>描述：<%# Eval("Describe") %></p>
                            </div>
                        </div>
                    </div>
                </div>
            </ItemTemplate>
        </asp:DataList>
        <div class="choose-amount">
            <asp:Button ID="txtSZ" runat="server" Text="1" CssClass="buy-num" Enabled="False" ForeColor="Black" />
            <%--<input type="text" class="buy-num" value="1">--%>
            <asp:Button ID="Button2" runat="server" Text="-" CssClass="reduce" OnClick="Button2_Click" />
            <asp:Button ID="Button3" runat="server" Text="+" CssClass="add" OnClick="Button3_Click" />
           <%-- <a href="#" class="reduce disabled">-</a>
            <a href="#" class="add">+</a>--%>
        </div>
        <asp:Button ID="Button4" runat="server" Text="立即下单" CssClass="input_Xd" OnClick="Button4_Click" />  
        <asp:Button ID="Button1" runat="server" Text="加入购物车" CssClass="input_Gw" OnClick="Button1_Click" />
        <a href='home_SC.aspx?FoodID=<%=foodid%>' id="sc"><img src="image/星星.png" class="a_img"/>收藏宝贝</a>
        <a href='home_QXSC.aspx?FoodID=<%=foodid%>' id="qxsc"><img src="image/灰星.png" class="a_img"/>取消收藏</a>
    </div>
       
       
            <div class="productDetailDiv" style="display: block;">
    <div class="productDetailTopPart">
        <a class="productDetailTopPartSelectedLink selected" href="#nowhere">商品详情</a>
        <a class="productDetailTopReviewLink" href="#nowhere">累计评价 <span class="productDetailTopReviewLinkNumber"><%=num %></span> </a>
    </div>
    <div class="productParamterPart">
        <div class="productParamter">美食介绍：</div>
        <div class="productParamterList">
            <span>美食:  <%=FoodName %> </span>
            <span>价格:  <%=price %> </span>
            <span>货号:  <%=foodid %> </span>
            <span>销售:  <%=xs %> </span>
            <span>上架时间:  <%=Time %> </span>
            <span>美食类别:  <%=foodTypeName %> </span>
            <span>描述:  <%=Describe %> </span>
        </div>
        <div style="clear:both"></div>
    </div>
    <div class="productDetailImagesPart">
        <img src="<%=PicUrl %>">
    </div>
</div>

<div class="productReviewDiv" style="display: block;">
    <div class="productReviewTopPart">
        <a class="productReviewTopPartSelectedLink" href="#nowhere">商品详情</a>
        <a class="selected" href="#nowhere">累计评价 <span class="productReviewTopReviewLinkNumber"><%=num %></span> </a>
    </div>
    <div class="productReviewContentPart">
        <div class="productReviewItem">
            <div class="productReviewItemDesc">
                <div class="productReviewItemContent">
                    <%=Content %><%=no %>
                </div>
                <div class="productReviewItemDate"><%=AppTime %></div>
            </div>
            <div class="productReviewItemUserInfo">
                <%=UserName %><span class="userInfoGrayPart"><%=Anonymous %></span>
            </div>
            <div style="clear:both"></div>
        </div>
       
    </div>
</div>
    
        <!-- 引入自己的js -->
        <script src="JS/home/detail.js"></script>
       
   
</asp:Content>
